<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        div {

            /* 加粗的 */
            /* font-weight: bold; */

            /* font-weight: bolder;   无效 */

            /* 细的文字 */
            /* font-weight: lighter; */
            /* 100-300=lighter   400-500=normal   600-900=bold */
            font-weight: 400;



            /* 文字样式 ：  倾斜 */
            /* font-style: italic; */
            /* font-style: oblique;   更倾斜(不支持) */
            font-style: normal;



            /* 文字修饰 */
            /* underline 下划线 */
            /* text-decoration: underline; */
            /* line-through 删除线 */
            text-decoration: line-through;
            /* 上划线 */
            /* text-decoration: overline; */
            text-decoration: none;


            /* 首行缩进 */
            /* text-indent: 20px; */
            /* em也是单位  相对于字体大小而言的 */
            text-indent: 2em;
            font-size: 30px;

            /* 可以是负数 */
            /* text-indent: -10px; */

            /* 调整字的左右间距 可以是负数 */
            /* letter-spacing: -10px; */


            /* 字体 */
            /* font-family: '微软雅黑,宋体'; */
            /* font-family: Microsoft YaHei; */

            /* font-family: "草书";   无效 */

            /* uppercase大写     lowercase小写    capitalize首字母大写 */
            text-transform: capitalize;
        }


        i {
            font-style: normal;
        }

        b {
            font-weight: normal;
        }
    </style>
</head>

<body>

    <div>
        hello wOrld
        呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵
    </div>

    <em>倾斜</em>

    <i>呵呵</i>

</body>

</html>